import { EndlessCanvas } from '../spaces-2d/EndlessCanvas';
import CreateTextObject from './CreateTextObject';
import createBoardCallback from './createBoardCallback';
import { ResizableWindow } from './ResizableWindow';

export const toolbarButtons = (scene: EndlessCanvas) => [
  // {
  //   image: scene.isDark ? 'toolbar_1b' : 'toolbar_1c',
  //   imageHover: 'toolbar_1a',
  //   callback: function () {
  //     // scene.router.push('/projects');
  //   }
  // },
  // {
  //   image: scene.isDark ? 'toolbar_2b' : 'toolbar_2c',
  //   imageHover: 'toolbar_2a',
  //   callback: function () {
  //     // scene.router.push('/projects');
  //   }
  // },
  {
    image: scene.isDark ? 'toolbar_3b' : 'toolbar_3c',
    imageUri: scene.isDark
      ? 'phaser/toolbarButtons/UniversoIcons1_3b.png'
      : 'phaser/toolbarButtons/UniversoIcons1_3c.png',
    imageHover: 'toolbar_3a',
    imageHoverUri: 'phaser/toolbarButtons/UniversoIcons1_3a.png',
    callback: () => createBoardCallback(scene),
  },
  {
    image: scene.isDark ? 'toolbar_1b' : 'toolbar_1c',
    imageUri: scene.isDark
      ? 'phaser/toolbarButtons/UniversoIcons1_1b.png'
      : 'phaser/toolbarButtons/UniversoIcons1_1c.png',
    imageHover: 'toolbar_1a',
    imageHoverUri: 'phaser/toolbarButtons/UniversoIcons1_1a.png',
    callback: () => CreateTextObject(scene),
  },
  {
    image: scene.isDark ? 'toolbar_1b' : 'toolbar_1c',
    imageUri: scene.isDark
      ? 'phaser/toolbarButtons/UniversoIcons1_1b.png'
      : 'phaser/toolbarButtons/UniversoIcons1_1c.png',
    imageHover: 'toolbar_1a',
    imageHoverUri: 'phaser/toolbarButtons/UniversoIcons1_1a.png',
    callback: () => ResizableWindow(scene),
  },

  // {
  //   image: scene.isDark ? 'toolbar_4b' : 'toolbar_4c',
  //   imageHover: 'toolbar_4a',
  //   callback: function () {
  //     // scene.router.push('/projects');
  //   }
  // },
];
